import Vue from 'vue'
// 1.导入vue-router包
import VueRouter from 'vue-router'
// 2.手动安装VueRouter包
Vue.use(VueRouter)
import login from './login.vue'

// 导入bootstrap包
import 'bootstrap/dist/css/bootstrap.css'
// 导入mui包
import './lib/mui-master/dist/css/mui.css'


// 导入mint-ui包 ----- 完整导入。
import MintUi from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUi)

// 按需导入mint-ui包
// 1.需要借助 babel-plugin-component 插件
// 2.将 .babelrc 修改为：
/**
 * {
	"presets": [
		["es2015", { "modules": false }]
	],
	"plugins": [["component", [
		{
		"libraryName": "mint-ui",
		"style": true
		}
	]]]
	}
 */
// 3.import { Button, Cell } from 'mint-ui' 导入需要的组件
// 4.Vue.component(Button.name, Button) 然后注册组件到全局变量中

// import {Button} from 'mint-ui'
// Vue.component(Button.name,Button);

// 导入自定义路由模块
import router from './router.js'
var vm = new Vue({
	el:'#app',
	data:{

	},
	methods:{

	},
	render:function(createElements){
		return createElements(login);
	},
	router:router //挂载路由对象
})

/**
 * login这个组件是通过vm实例的render函数渲染出来的，通过render渲染出来的组件只能放到el绑定的#app的元素中
 * Account 和 Goodslist组件是通过路由匹配监听到的，所以这两个组件只能展示到属于路由的router-view标签中去，
 */